/**
 * Shopware 4.0
 * Copyright © 2012 shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Login
 * @copyright  Copyright (c) 2012, shopware AG (http://www.shopware.de)
 * @version    $Id$
 * @author shopware AG
 */
.login-window {
    background: theme-image($theme, 'login_background.png') no-repeat;
    color: #475c6a;
    
    .#{$prefix}window-body {
	    background: transparent;
	    border: 0 none !important;
    }

	/** Footer toolbar */
    .#{$prefix}toolbar-footer {
        @include single-box-shadow('none');
        border-left: 0 none;
        border-right: 0 none;
    	background: transparent !important;
    	overflow: visible;

    	.#{$prefix}box-inner {
    		overflow: visible;
    	}
    }

    h1 {
        margin: 40px 0;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #475c6a;
        text-shadow: 1px 1px 1px #fff;
    }
    .#{$prefix}panel-body-default{
        background: transparent !important;
        padding: 0 50px;
    }

	// Form elements - field labels
    .#{$prefix}form-item-label {
        color: #475c6a;
        font-weight: 700;
        text-shadow: 1px 1px 0px #fff;
        padding: 8px 0 0;
    }

	// Form elements - text fields
    .#{$prefix}form-item-body {
        @include border-radius(3px);
        background: rgba(255, 255, 255, 0.8);
        padding: 1px;

        .x-form-text {
            @include border-radius(3px);
            @include single-box-shadow(rgba(0, 51, 104, 0.26), 0, 1px, 2px, 0, true);
            background: rgba(255, 255, 255, .5);
            border-color: rgba(27, 60, 92, 0.3) rgba(27, 60, 92, 0.3) #D3DBE2;
            width: 263px !important;
            height: 30px;
        }

        .#{$prefix}form-text, textarea.#{$prefix}form-field {
        	@include form-item-focus;
            padding: 1px 10px;
            color: #475c6a;
        }

        .#{$prefix}form-invalid-field {
            color: #7A0000;
            &:focus {
                  border-color: #CC3300;
                  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(148, 0, 0, .6);
                   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(148, 0, 0, .6);
                   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(148, 0, 0, .6);
              }
        }
    }

	// Form elements - combobox fields
    .#{$prefix}form-combo {
        .#{$prefix}form-text {
        	@include border-radius(3px 0 0 3px);
            width: 246px !important
        }
        
        .#{$prefix}trigger-cell {
	        width: 19px !important;
        }
        .#{$prefix}form-trigger {
        	border-bottom: 1px solid #A6B0B7;
        	height: 30px;
        	width: 19px !important;
	        background: url("") no-repeat !important;
        }
    }
    
    .#{$prefix}form-trigger-wrap-focus {
	    .#{$prefix}form-trigger {
		    @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6));
		    border-color: rgba(82, 168, 236, 0.8) !important;
	    }
    }

    // Google Chrome hint
    .#{$prefix}google-chrome-hint {
        border-top: 1px solid #C1D2E2!important;
        margin-top: 14px;
        font-size: 11px;
        text-shadow: 1px 1px 0 #fff;
        color: lighten($font-color, 10%);

        .inner {
            border-top: 1px solid #fff;
            padding-top: 8px;
        }

        a.logo-chrome {
            background: theme-image($theme, 'logo-chrome.png') no-repeat;
            display: block;
            text-decoration: none;
            height: 24px; width: 24px;
        }
        .right-content, a.logo-chrome {
            float: left;
        }
        .right-content {
            margin: 0 0 0 12px;
            width: 333px;

            a {
                color: #009CFF;
                border-bottom: 1px dotted transparent;
                text-decoration: none;
            }
        }
    }

    // IE Notice
    .#{$prefix}ie-notice {
        text-shadow: 1px 1px 0 #fff;
        color: lighten($font-color, 10%);
        font-size: 12px;
        line-height: 18px;

        .teaser { margin: 0 0 12px }

        .browsers {
            height: 32px;
            margin: 12px auto 0;

            li { float: left; width: 72px; height: 32px; display: block; margin: 0 10px }
            a { display: block; width: 72px; height: 32px; }
            .chrome {
                background: theme-image($theme, '32-chrome.png') no-repeat top center;
            }
            .firefox {
                background: theme-image($theme, '32-firefox.png') no-repeat top center;
            }
            .safari {
                background: theme-image($theme, '32-safari.png') no-repeat top center;
            }
            .ie {
                background: theme-image($theme, '32-ie.png') no-repeat top center;
            }
        }
    }

}